{% from 'macros.html' import render_nav_item ,render_messages%}
<!doctype html>
<html>
	<head>
	    {{ bootstrap.load_css() }}
		<title>{% block title %}{% endblock %}</title>
		<meta charset="utf-8">
		<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
		<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
		<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='semantic/semantic.min.css')}}">
		{{ bootstrap.load_js() }}
		<script src="{{url_for('static',filename='semantic/semantic.min.js')}}"></script>
	</head>
	<body>
		<div class="ui fixed large menu">
			<div class="ui container">
				{{ render_nav_item('main', 'Home') }}
				{{ render_nav_item('ranklist', 'Ranklist') }}
				{{ render_nav_item('help', 'Q&A') }}
			</div>
		</div>
		<div class="ui container" style="margin-top: 50px; ">
	        {{ render_messages(container=False, dismissible=True) }}
	        {% block body %}{% endblock %}
    	</div>
	</body>

</html>
